<template>
  <div>当前鼠标位置----{{ x }}</div>
  <h3>{{ xxx }}</h3>
  <button @click="btnClick">点击事件</button>
</template>

<script>
import { onMounted } from 'vue'
export default {
  // 生命周期：入口函数，在beforeCreate之前
  // 1:不能使用this2:页面上要使用什么你就要return什么
  data () {
    return {
      xxx: '80期'
    }
  },
  setup () {
    console.log('this', this)
    const x = 10
    function btnClick () {
      console.log(123)
    }
    onMounted(() => {
      console.log('onMounted', x)
    })
    onMounted(() => {
      console.log('onMounted2', x)
    })
    return { x, btnClick }
  }
}
</script>
